<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>Sample020 - 滑动式导航栏</title>
		<meta name="keywords" content="keywords">
		<meta name="description" content="description">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="css/robust.css" />
		<script src="js/robust.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<div class="nav-container">
			<ul id="nav">
				<div id="active"></div>
				<li class="active">
					<a href="">首页</a>
				</li>
				<li>
					<a href="">国内</a>
				</li>
				<li>
					<a href="">国际</a>
				</li>
				<li>
					<a href="">军事</a>
				</li>
				<li>
					<a href="">财经</a>
				</li>
				<li>
					<a href="">娱乐</a>
				</li>
				<li>
					<a href="">体育</a>
				</li>
				<li>
					<a href="">互联网</a>
				</li>
				<li>
					<a href="">游戏</a>
				</li>
				<li>
					<a href="">女人</a>
				</li>
				<li>
					<a href="">汽车</a>
				</li>
				<li>
					<a href="">房产</a>
				</li>
				<li>
					<a href="">个性推荐</a>
				</li>
			</ul>
		</div>
	</body>

	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>

</html>